<!DOCTYPE html>
<html data-dpr="1">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="src/index.css"></head>
<body>
    <div id="model-loading">
        <p class="fo">Loading....</p>
        <div class="mmm">
            <div class="white"></div>
            <div class="bule" id="loading-schedule"></div>
        </div>
    </div>
    <!-- page begin -->
    <div id="main-page">
        <div class="background"></div>
        <div class="page hide page-1">
            <img class="logo" src="src/images/1_01.png">
            <img class="kv" src="src/images/1_02.png">
            <img class="text" src="src/images/1_03.png">
            <img class="btn-next" src="src/images/r.png">
        </div>
        <div class="page hide page-2">
            <img class="pape" src="src/images/2_03.png">
            <img class="btn-next" src="src/images/r.png">
        </div>
        <div class="page hide page-3">
            <div class="min-page">
                <div class="m-page hide m-page-1">
                    <img class="test" src="src/images/3_05.png">
                </div>
                <div class="m-page hide m-page-2">
                    <img class="test" src="src/images/3_06.png">
                </div>
                <div class="m-page hide m-page-3">
                    <img class="test" src="src/images/3_07.png">
                </div>
                <div class="m-page hide m-page-4">
                    <img class="test" src="src/images/3_08.png">
                </div>
                <div class="m-page hide m-page-5">
                    <img class="test" src="src/images/3_09.png">
                </div>
            </div>
            <div class="share-pos">
                <img class="share-img" src="src/images/3_10.png">
                <div class="share-text">200</div>
            </div>
            <i class="choose active"></i>
            <i class="choose"></i>
            <i class="choose"></i>
            <i class="choose"></i>
            <i class="choose"></i>
            <img id="go-main" class="btn-next" src="src/images/3_04.png">
        </div>
    </div>
    <div id="main-deal" class="main-deal">
        <img class="bg" src="src/images/4_03.png">
        <div class="no-poto">
            <img class="text" src="src/images/4.1_01.png">
            <img class="get-poto" src="src/images/4.1_02.png">
            <input id="get-poto" class="get-poto" type="file" accept="image/*">
        </div>
        <div class="has-poto"></div>
        <img class="left" src="src/images/4.1_3.png">
        <img class="content" src="src/images/4.1_4.png">
        <img class="right" src="src/images/4.1_5.png">
        <img id="btn-left" class="btn-left" src="src/images/4_01.png">
        <img id="btn-right" class="btn-right" src="src/images/4_02.png">
    </div>
    <script type="text/javascript" src="src/lib-touch.js"></script>
    <script type="text/javascript" src="src/index.js"></script>
</body>
</html>